/* You can add global styles to this file, and also import other style files */
/* @import './assets/sprite.css'; */
@import "../node_modules/ng-zorro-antd/resizable/style/index.css";

/*
    nz模态框 只有body : ant-modal-body-corner
    nz模态框 缺少footer : ant-modal-body-corner
*/

body {
  color: #cceeff;
  background: url(assets/images/login/bg_login_969.jpg) no-repeat center scroll;
  background-size: cover;
  &::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(1,6,16,0.6) url(assets/images/screen/1x/bg_main_tex.png) repeat center scroll;
    background-size: 80px 80px;
  }
}


.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@keyframes flash {
  0%,50%,to {
    opacity: 1
  }

  25%,75% {
    opacity: 0
  }
}

@keyframes bounceInUp {
  0%,
  100%,
  60%,
  75%,
  90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    -ms-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    -ms-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

.block-title {
  height: 44px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  .block-title-text {
    color: #cceeff;
    position: relative;
    line-height: 44px;
  }
  .block-title-bg {
    position: absolute;
    width: calc(100% - 2px);
    height: 42px;
    background-color: rgba(1, 6, 16, 0.8);
    box-shadow: 0 -1px 0 0 rgba(0, 102, 255, 0.4),
    1px 0 0 0 rgba(0, 102, 255, 0.4), -1px 0 0 0 rgba(0, 102, 255, 0.4);
    left: 1px;
    top: 0;
    &:before {
      content: "";
      position: absolute;
      width: 15px;
      height: 40px;
      left: 0;
      top: 1px;
      background: url(assets/images/screen/1x/pic_panel_left.png)
      no-repeat center;
      background-size: contain;
    }
    &:after {
      content: "";
      position: absolute;
      width: calc(100% - 15px);
      height: 40px;
      left: 15px;
      top: 1px;
      background-image: linear-gradient(180deg, #012555 0%, #00183c 100%);
      opacity: 0.8;
    }
  }
  .block-title-line {
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 1px;
    background-image: linear-gradient(
        270deg,
        rgba(0, 102, 255, 0.4) 0%,
        rgba(0, 102, 255, 0.9) 50%,
        rgba(0, 102, 255, 0.4) 100%
    );
  }
  .icon-download {
    position: absolute;
    right: 24px;
    top: 50%;
    margin-top: -10px;
    font-size: 20px;
    cursor: pointer;
    z-index: 1;
    color: #cceeff;
  }
}

.corner-item {
  width: 6px;
  height: 6px;
  position: absolute;
  &.corner-up {
    left: 0;
    top: 0;
    border-left: 1px solid #00bbff;
    border-top: 1px solid #00bbff;
  }
  &.corner-right {
    right: 0;
    top: 0;
    border-right: 1px solid #00bbff;
    border-top: 1px solid #00bbff;
  }
  &.corner-down {
    right: 0;
    bottom: 0;
    border-right: 1px solid #00bbff;
    border-bottom: 1px solid #00bbff;
  }
  &.corner-left {
    left: 0;
    bottom: 0;
    border-left: 1px solid #00bbff;
    border-bottom: 1px solid #00bbff;
  }
}
.form-item-wrap {
  .corner-item {
    &.corner-up {
      top: 4px;
    }
    &.corner-right {
      top: 4px;
    }
    &.corner-down {
      bottom: 4px;
    }
    &.corner-left {
      bottom: 4px;
    }
  }
}
.has-error {
  .form-item-wrap {
    .corner-item {
      opacity: 0;
    }
  }
}
.ant-btn,
.btn-primary,
.ant-btn-primary,
.ant-btn-default {
  text-align: center;
  background: transparent;
  background-image: linear-gradient(
      180deg,
      rgba(0, 102, 255, 0.5) 0%,
      rgba(0, 102, 255, 0.4) 50%,
      rgba(0, 102, 255, 0.2) 50%,
      rgba(0, 102, 255, 0.2) 100%
  );
  color: #cceeff;
  border-radius: 0px;
  box-sizing: content-box;
  border: 1px transparent solid;
  border-image: linear-gradient(
      to right,
      rgba(0, 102, 255, 0.2),
      rgba(57, 149, 255, 1),
      rgba(0, 102, 255, 0.2)
  )
  1 5 10;
  outline: none;
  position: relative;
  transition: none;
  box-shadow: none;
  text-shadow: none;
  &::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 14px;
    bottom: -7px;
    background-image: radial-gradient(
        ellipse closest-side,
        rgba(0, 102, 255, 0.5) 0%,
        rgba(0, 102, 255, 0) 100%
    );
  }
  &:hover,
  &:active,
  &:focus {
    background: transparent;
    background-image: linear-gradient(
        180deg,
        rgba(102, 255, 255, 0.5) 0%,
        rgba(102, 255, 255, 0.4) 50%,
        rgba(0, 255, 255, 0.15) 50%,
        rgba(0, 255, 255, 0.15) 100%
    );
    color: #00ffff;
    border-image: linear-gradient(
        to right,
        rgba(0, 255, 255, 0.2),
        #00ffff,
        rgba(0, 255, 255, 0.2)
    )
    1 5 10;
    &::after {
      background-image: radial-gradient(
          ellipse closest-side,
          rgba(0, 255, 255, 0.3) 0%,
          rgba(0, 255, 255, 0) 100%
      );
    }
  }

  &.ant-btn-default {
    background-image: linear-gradient(
        180deg,
        rgba(204, 238, 255, 0.3) 0%,
        rgba(204, 238, 255, 0.3) 50%,
        rgba(204, 238, 255, 0.15) 50%,
        rgba(204, 238, 255, 0.15) 100%
    );
    border-image: linear-gradient(
        to right,
        rgba(204, 238, 255, 0.15),
        rgba(204, 238, 255, 0.5),
        rgba(204, 238, 255, 0.15)
    )
    1 5 10;
    &::after {
      background-image: radial-gradient(
          ellipse closest-side,
          rgba(204, 238, 255, 0.14) 50%,
          rgba(204, 238, 255, 0) 100%
      );
    }
    &:hover,
    &:active,
    &:focus {
      background-image: linear-gradient(
          180deg,
          rgba(102, 255, 255, 0.5) 0%,
          rgba(102, 255, 255, 0.4) 50%,
          rgba(0, 255, 255, 0.15) 50%,
          rgba(0, 255, 255, 0.15) 100%
      );
      border-image: linear-gradient(
          to right,
          rgba(0, 255, 255, 0.2),
          #00ffff,
          rgba(0, 255, 255, 0.2)
      )
      1 5 10;
      &::after {
        background-image: radial-gradient(
            ellipse closest-side,
            rgba(0, 255, 255, 0.3) 0%,
            rgba(0, 255, 255, 0) 100%
        );
      }
    }
  }

  &.ant-btn-highLight {
    color: #FFEE00;
    background-image: linear-gradient(
        180deg,
        rgba(255,241,51, 0.5) 0%,
        rgba(255,241,51, 0.4) 50%,
        rgba(255,238,0, 0.2) 50%,
        rgba(255,238,0, 0.2) 100%
    );
    border-image: linear-gradient(
        to right,
        rgba(255,241,51, 0.3),
        rgba(255,241,51, 1),
        rgba(255,241,51, 0.3)
    )
    1 5 10;
    &::after {
      background-image: radial-gradient(
          ellipse closest-side,
          rgba(255,241,51, 0.14) 50%,
          rgba(255,241,51, 0) 100%
      );
    }
    &:hover,
    &:active,
    &:focus {
      color: #00ffff;
      background-image: linear-gradient(
          180deg,
          rgba(102, 255, 255, 0.5) 0%,
          rgba(102, 255, 255, 0.4) 50%,
          rgba(0, 255, 255, 0.15) 50%,
          rgba(0, 255, 255, 0.15) 100%
      );
      border-image: linear-gradient(
          to right,
          rgba(0, 255, 255, 0.2),
          #00ffff,
          rgba(0, 255, 255, 0.2)
      )
      1 5 10;
      &::after {
        background-image: radial-gradient(
            ellipse closest-side,
            rgba(0, 255, 255, 0.3) 0%,
            rgba(0, 255, 255, 0) 100%
        );
      }
    }
  }

  &[disabled],
  &.disabled {
    color: rgba(204, 238, 255, 0.25);
    background: rgba(204, 238, 255, 0.15);
    border: 1px solid rgba(204, 238, 255, 0.3);
    &:hover {
      color: rgba(204, 238, 255, 0.25);
      background-image: none;
      border-image: none;
      background: rgba(204, 238, 255, 0.15);
      border: 1px solid rgba(204, 238, 255, 0.3);
    }
    &::after {
      display: none;
    }
  }
}
.ant-btn-link {
  color: #00ffff;
  &:hover {
    color: #85f9f9;
  }
}
.ant-btn-link[disabled] {
  color: rgba(204, 238, 255, 0.25);
  &:hover {
    color: rgba(204, 238, 255, 0.25);
  }
}
.ant-btn.ant-btn-loading::before {
  background: rgba(255,255,255,.3);
}

/**自定义样式**/
// switch 切换
.ant-switch {
  background-color: rgba(0, 77, 153, 0.6);
}
.ant-switch-checked {
  background-color: rgba(0, 255, 255, 0.6);
}
.ant-switch::after {
  background: rgba(255, 255, 255, 0.7);
}

// select 选择框
.ant-select-selection {
  background: rgba(1, 6, 16, 0.4);
  border: 1px solid rgba(0, 102, 255, 0.4);
  border-radius: 0;
  color: #cceeff;
}
.ant-select-arrow {
  color: #cceeff;
}
.ant-select-selection__clear {
  background: none;
  color: #cceeff;
}
.ant-select-selection__clear:hover {
  color: #cceeff;
}
.ant-select-selection--multiple .ant-select-selection__choice {
  background: rgba(0, 102, 255, 0.3);
  border: 1px solid rgba(0, 102, 255, 0.4);
  color: #cceeff;
}
.ant-select-disabled .ant-select-selection {
  background: rgba(204, 238, 255, 0.15);
}
.ant-select-dropdown {
  background: #011234;
  border-radius: 0;
  border: 1px solid rgba(0, 102, 255, 0.4);
}
.ant-select-dropdown-menu-item,
.ant-select-dropdown-menu-item-group-title {
  color: #cceeff;
}
.ant-select-dropdown-menu-item:hover,
.ant-select-dropdown-menu-item-selected {
  color: #cceeff;
  background: rgba(0, 102, 255, 0.5) !important;
}
.ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: rgba(0, 102, 255, 0.5);
}
.ant-select-tree li .ant-select-tree-node-content-wrapper {
  color: #cceeff;
}
.ant-select-tree
li
span.ant-select-tree-switcher.ant-select-tree-switcher-noop {
  color: #cceeff;
}
.ant-select-tree li span.ant-select-tree-switcher {
  color: #cceeff;
}
.ant-select-tree li .ant-select-tree-node-content-wrapper:hover,
.ant-select-tree
li
.ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
  background: rgba(0, 102, 255, 0.5);
}
.ant-tree.ant-select-tree.ant-tree-show-line
nz-tree-node:not(:last-child)
> li::before {
  border-left: 1px solid rgba(0, 102, 255, 0.4);
}
li.ant-tree-treenode-disabled > span:not(.ant-tree-switcher) {
  color: rgba(#cceeff, 0.5)
}
.ant-select-disabled .ant-select-selection {
  color: rgba(204, 238, 255, 0.25);
}
.ant-select-dropdown-menu-item:first-child,
.ant-select-dropdown-menu-item:last-child {
  border-radius: 0;
}

// datepicker
.ant-calendar-picker-container {
  color: #cceeff;
}
.ant-calendar {
  background: #011234;
  border-radius: 0;
  border: 1px solid rgba(0, 102, 255, 0.4);
}
.ant-calendar-input {
  background: transparent;
  color: #cceeff;
}
.ant-calendar-input-wrap,
.ant-calendar-header {
  border-bottom: 1px solid rgba(0, 102, 255, 0.4);
}
.ant-calendar-header .ant-calendar-year-select,
.ant-calendar-header .ant-calendar-month-select,
.ant-calendar-time .ant-calendar-day-select,
.ant-calendar-date {
  color: #cceeff;
}
.ant-calendar-footer {
  border-top: 1px solid rgba(0, 102, 255, 0.4);
}
.ant-calendar-date:hover,
.ant-calendar-selected-day .ant-calendar-date,
li.ant-calendar-time-picker-select-option-selected,
.ant-calendar-time-picker-select li:hover {
  background: rgba(0, 102, 255, 0.5);
}
.ant-calendar-time-picker-inner {
  background: #011234;
}
.ant-calendar-time-picker-select {
  border-right: 1px solid rgba(0, 102, 255, 0.4);
}
.ant-calendar-header .ant-calendar-next-century-btn:hover::before,
.ant-calendar-header .ant-calendar-next-decade-btn:hover::before,
.ant-calendar-header .ant-calendar-next-year-btn:hover::before,
.ant-calendar-header .ant-calendar-next-month-btn:hover::before,
.ant-calendar-header .ant-calendar-next-century-btn:hover::after,
.ant-calendar-header .ant-calendar-next-decade-btn:hover::after,
.ant-calendar-header .ant-calendar-next-year-btn:hover::after,
.ant-calendar-header .ant-calendar-next-month-btn:hover::after {
  border: 0 solid rgba(0, 102, 255, 0.4);
  border-width: 1.5px 0 0 1.5px;
}
.ant-calendar-picker-clear,
.ant-calendar-picker-clear:hover {
  background: #011234;
  color: #cceeff;
}

// input 输入框
.ant-input, .ant-time-picker-input {
  background: rgba(1, 6, 16, 0.4);
  border: 1px solid rgba(0, 102, 255, 0.4);
  border-radius: 0;
  color: #cceeff;
}
.ant-time-picker-panel-input {
  background: transparent;
  color: #cceeff;
}
.ant-calendar-range-picker-separator {
  color: #cceeff;
}
.ant-calendar-picker-icon {
  color: #cceeff;
}
.ant-input[disabled] {
  background: rgba(204, 238, 255, 0.15);
  color: rgba(204, 238, 255, 0.25);
}
.has-error .ant-input,
.has-error .ant-input:hover {
  background: rgba(1, 6, 16, 0.4);
}
.ant-input-number {
  background: none;
  border: 1px solid rgba(0, 102, 255, 0.4);
}
.ant-input-number-input {
  background: rgba(1, 6, 16, 0.4);
  border-radius: 0;
  color: #cceeff;
}
.ant-input-number-disabled {
  background: rgba(204, 238, 255, 0.15);
  border: 1px solid rgba(204, 238, 255, 0.3);
  color: rgba(204, 238, 255, 0.25);
}

.ant-time-picker-panel-inner {
  background: #011234;
  // border: 1px solid rgba(0, 102, 255, 0.4);
  border-radius: 0;
  box-shadow: 0 0 1px 1px rgba(0, 102, 255, .4);
  color: #cceeff;
}
li.ant-time-picker-panel-select-option-selected {
  background: rgba(0, 102, 255, 0.5);
}
.ant-time-picker-panel-select li:hover {
  background: rgba(0, 102, 255, 0.5);
}
.ant-time-picker-panel-input-wrap {
  border-bottom: 1px solid rgba(0, 102, 255, 0.4)
}
.ant-time-picker-panel-select {
  border-left:1px solid rgba(0, 102, 255, 0.4);
}
.ant-time-picker-icon {
  color: #cceeff;
}
// 表格
.ant-table-header {
  background: none;
}
.ant-table-thead {
  > tr {
    &:first-child {
      > th {
        &:first-child {
          border-top-left-radius: 0px;
          position: relative;
          border-left: 1px solid rgba(0, 85, 255, 0.6);
          &::after {
            content: "";
            width: 2px;
            height: 15px;
            position: absolute;
            left: 0px;
            top: 12px;
            background: #cceeff;
            box-shadow: 0 0 3px 0 rgba(0, 255, 255, 0.8);
          }
        }
        &:last-child {
          border-top-right-radius: 0px;
          border-right: 1px solid rgba(0, 85, 255, 0.6);
          &::after {
            content: "";
            width: 3px;
            height: 15px;
            position: absolute;
            right: 0px;
            top: 12px;
            background: #cceeff;
            box-shadow: 0 0 3px 0 rgba(0, 255, 255, 0.8);
          }
        }
      }
    }
    > th {
      background: rgba(0, 34, 102, 0.8);
      color: #00ffff;
      border-top: 1px solid rgba(0, 85, 255, 0.6);
      border-bottom: 1px solid rgba(0, 85, 255, 0.6);
      padding: 9px;
      font-weight: bold;
    }
  }
}
.ant-table-tbody {
  > tr {
    &:nth-child(odd) {
      td {
        background: rgba(0, 17, 51, 0.3);
      }
    }
    &:nth-child(even) {
      td {
        background: rgba(0, 24, 71, 0.6);
      }
    }
    &:hover {
      td {
        background: rgba(78, 166, 255, 0.2) !important;
        color: rgba(0, 255, 255, 1) !important;
      }
    }
    td {
      color: #cceeff;
      border-bottom: 1px solid rgba(0, 85, 255, 0.25);
      padding: 8px 9px;
      &:first-child {
        border-left: 1px solid rgba(0, 85, 255, 0.6);
      }
      &:last-child {
        border-right: 1px solid rgba(0, 85, 255, 0.6);
      }
    }
  }
}
.ant-table-placeholder {
  background: rgba(0, 24, 71, 0.6);
  border-top: 1px solid rgba(0, 85, 255, 0.6);
  border-bottom: 1px solid rgba(0, 85, 255, 0.6);
}
.ant-empty-normal {
  color: #cceeff;
}

.ant-table-fixed-header
> .ant-table-content
> .ant-table-scroll
> .ant-table-body {
  background: none;
}
// 表格 最后一行的下边线 需要用容器的边线 而不是td的
.ant-table.ant-table-fixed-header  {
  .ant-table-content {
    border-bottom: 1px solid rgba(0, 85, 255, 0.6);
  }
  .ant-table-tbody > tr:last-child > td {
    border-bottom: none;
  }
}
td [nz-icon] {
  padding: 0 !important;
}

// 复选框
.ant-checkbox-wrapper {
  color: #cceeff;
}
.ant-checkbox-inner {
  background: url(assets/images/screen/2x/checkbox_unchecked_normal.png)
  no-repeat center scroll;
  background-size: contain;
  border: none;
  border-radius: 0;
}
.ant-checkbox-checked {
  .ant-checkbox-inner {
    background: url(assets/images/screen/2x/checkbox_checked_normal.png)
    no-repeat center scroll;
    background-size: contain;
    &::after {
      display: none;
    }
  }
  &::after {
    display: none;
  }
}
.ant-checkbox-disabled {
  background: url(assets/images/screen/2x/checkbox_unchecked_disable.png)
  no-repeat center scroll;
  background-size: contain;
}
.ant-checkbox-disabled .ant-checkbox-inner {
  border: none !important;
  background: transparent;
}

.ant-select-tree-checkbox-inner {
  background: url(assets/images/screen/2x/checkbox_unchecked_normal.png)
  no-repeat center scroll;
  background-size: contain;
  border: none;
}
.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner {
  background: url(assets/images/screen/2x/checkbox_checked_normal.png)
  no-repeat center scroll;
  background-size: contain;
  &::after {
    display: none;
  }
}

// 分页控件
.ant-pagination {
  color: #cceeff;
}
.ant-pagination-item {
  background: rgba(0, 102, 255, 0.2);
  border: 1px solid rgba(0, 102, 255, 0.6);
  border-radius: 0;
  // min-width: 22px;
  // height: 22px;
  // line-height: 22px;
  a {
    color: #cceeff;
  }
}
.ant-pagination-item-active {
  background: rgba(255, 238, 0, 0.2);
  border: 1px solid #ffee00;
  a {
    color: #ffee00;
  }
}
.ant-pagination-prev,
.ant-pagination-next {
  .ant-pagination-item-link {
    border-radius: 0;
    background: rgba(0, 102, 255, 0.2);
    border: 1px solid rgba(0, 102, 255, 0.6);
    color: #cceeff;
  }
}
.ant-pagination-disabled {
  a {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: rgba(255, 255, 255, 0.3) !important;
  }
}
.ant-pagination-jump-prev
.ant-pagination-item-container
.ant-pagination-item-ellipsis,
.ant-pagination-jump-next
.ant-pagination-item-container
.ant-pagination-item-ellipsis {
  color: #cceeff;
}
.ant-pagination-jump-prev
.ant-pagination-item-container
.ant-pagination-item-link-icon,
.ant-pagination-jump-next
.ant-pagination-item-container
.ant-pagination-item-link-icon {
  color: #00ffff;
  font-size: 16px;
}
.ant-pagination-options-quick-jumper input {
  background: rgba(1, 6, 16, 0.4);
  border: 1px solid rgba(0, 102, 255, 0.4);
  color: #cceeff;
  border-radius: 0;
}

// tree控件
.ant-tree {
  color: #cceeff;
  &.ant-tree-show-line {
    li {
      span {
        &.ant-tree-switcher {
          background: rgba(2, 18, 51, 0.8);
          color: #cceeff;
        }
        .ant-tree-switcher-line-icon {
          font-size: 15px;
        }
      }
    }
    nz-tree-node:not(:last-child) > li::before {
      border-left: 1px solid rgba(0, 102, 255, 0.4);
    }
  }
  li {
    .ant-tree-node-content-wrapper {
      color: #cceeff;
      &.ant-tree-node-selected,
      &:hover {
        background: rgba(0, 102, 255, 0.5);
      }
    }
  }
}
li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper span {
  color: #cceeff !important;
}
.ant-tree-checkbox-inner {
  background: url(assets/images/screen/2x/checkbox_unchecked_normal.png)
  no-repeat center scroll;
  background-size: contain;
  border: none;
}
.ant-tree-checkbox-checked {
  .ant-tree-checkbox-inner {
    background: url(assets/images/screen/2x/checkbox_checked_normal.png)
    no-repeat center scroll;
    background-size: contain;
    &::after {
      display: none;
    }
  }
  &::after {
    display: none;
  }
}
.ant-tree-checkbox-indeterminate {
  .ant-tree-checkbox-inner {
    background: url(assets/images/screen/2x/checkbox_partially_normal.png)
    no-repeat center scroll;
    background-size: contain;
    border: none;
  }
}
li.ant-select-tree-treenode-disabled > span:not(.ant-select-tree-switcher),
li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper,
li.ant-select-tree-treenode-disabled
> .ant-select-tree-node-content-wrapper
span {
  color: rgba(204, 238, 255, 0.25);
}

// modal模态框
.ant-modal {
  color: #cceeff;
}
.ant-modal-content {
  border-radius: 0;
  background-color: transparent;
  &::before {
    position: absolute;
    width: 6px;
    height: 6px;
    content: "";
    left: 0;
    top: -1px;
    border-left: 1px solid #00bbff;
    border-top: 1px solid #00bbff;
  }
  &::after {
    position: absolute;
    width: 6px;
    height: 6px;
    content: "";
    right: 0;
    top: -1px;
    border-right: 1px solid #00bbff;
    border-top: 1px solid #00bbff;
  }
}
.ant-modal-header {
  border-radius: 0;
  // box-shadow: 0 -1px 0 0 rgba(0,102,255,0.40), 1px 0 0 0 rgba(0,102,255,0.40), -1px 0 0 0 rgba(0,102,255,0.40);
  background-image: linear-gradient(180deg, #012555 0%, #00183c 100%);
  border: 1px solid rgba(0, 102, 255, 0.4);
  border-bottom: none;
  padding: 10px 24px;
}
.ant-modal-title, .ant-modal-close {
  color: #cceeff;
}
.ant-modal-close:focus, .ant-modal-close:hover {
  color: #cceeff;
}
.ant-modal-close-x {
  height: 44px;
  line-height: 44px;
}
.ant-modal-body {
  background: #011234;
  border: 1px solid rgba(0, 102, 255, 0.4);
  border-bottom: none;
}
.ant-modal-confirm .ant-modal-body,
.ant-modal-body-corner .ant-modal-body {
  border: 1px solid rgba(0, 102, 255, 0.4);
  &::before {
    content: "";
    position: absolute;
    left: -1px;
    bottom: 0;
    height: 6px;
    width: 6px;
    border-left: 1px solid #00bbff;
    border-bottom: 1px solid #00bbff;
  }
  &::after {
    content: "";
    position: absolute;
    right: -1px;
    bottom: 0;
    height: 6px;
    width: 6px;
    border-right: 1px solid #00bbff;
    border-bottom: 1px solid #00bbff;
  }
}
.ant-modal-no-corner .ant-modal-content {
  &::before,
  &::after {
    display: none;
  }
}
.ant-modal-no-corner .ant-modal-body {
  border: none;
}
.ant-modal-footer {
  background: #011234;
  border: 1px solid rgba(0, 102, 255, 0.4);
  border-top: none;
  border-radius: 0;
  &::before {
    content: "";
    position: absolute;
    left: -1px;
    bottom: 0;
    height: 6px;
    width: 6px;
    border-left: 1px solid #00bbff;
    border-bottom: 1px solid #00bbff;
  }
  &::after {
    content: "";
    position: absolute;
    right: -1px;
    bottom: 0;
    height: 6px;
    width: 6px;
    border-right: 1px solid #00bbff;
    border-bottom: 1px solid #00bbff;
  }
}
.ant-modal-confirm-body {
  .ant-modal-confirm-title,
  .ant-modal-confirm-content {
    color: #cceeff;
  }
}
.ant-modal-mask {
  background-color: rgba(0, 0, 0, 0.35);
}

// form表单
.ant-form {
  color: #cceeff;
}
.ant-form-item-label {
  > label {
    color: #cceeff;
  }
}

// 单选框
.ant-radio {
  .ant-radio-inner {
    background: url(assets/images/screen/2x/radio_unchecked_normal.png)
    no-repeat center;
    background-size: contain;
    border: 0 none;
    transition: all 0.3s;
    &:after {
      display: none;
    }
  }
  &:hover {
    .ant-radio-inner {
      background-image: url(assets/images/screen/2x/radio_unchecked_hover.png);
    }
  }
  &.ant-radio-checked {
    .ant-radio-inner {
      background-image: url(assets/images/screen/2x/radio_checked_normal.png);
    }
    &.ant-radio-disabled {
      .ant-radio-inner {
        background-image: url(assets/images/screen/2x/radio_checked_disable.png) !important;
        border: 0 none !important;
        background-color: transparent;
      }
    }
  }
  &.ant-radio-disabled {
    .ant-radio-inner {
      background-image: url(assets/images/screen/2x/radio_unchecked_disable.png) !important;
      background-size: contain;
      border: 0 none !important;
      background-color: transparent;
    }
  }
}
.ant-radio-wrapper {
  color: #cceeff;
}
.ant-empty {
  color: #cceeff !important;
}

.ant-tabs {
  color: #cceeff;
}

i[nz-icon][customer] {
  background: rgba(0, 34, 102, 0.8);
  border: 1px solid rgba(0, 85, 255, 0.6);
  width: 25px;
  height: 25px;
  display: inline-block;
  line-height: 25px;
  transition: all 0.3s ease;
  padding: 0;
  color: #cceeff;
  &:hover {
    border: 1px solid rgba(0, 255, 255, 0.8);
    color: rgba(0, 255, 255, 0.8);
  }
}

// popover
.ant-popover-title {
  color: #cceeff;
  border-bottom: 1px solid rgba(0, 102, 255, 0.1);
}
.ant-popover-inner {
  background: #011234;
  color: #cceeff;
}
.ant-popover-inner-content {
  color: #cceeff;
}
.ant-popover-content > .ant-popover-arrow {
  border-color: #011234 !important;
}

// .ant-message-notice-content {
//     background: rgba(0, 34, 102, 1);
//     color: #cceeff;
// }

// empty
.ant-empty-normal .ant-empty-image {
  background: url(assets/images/screen/2x/pic_nodata.png) no-repeat center
  scroll;
  height: 115px;
  img {
    display: none;
  }
}
.ant-empty-small {
  .ant-empty-image {
    display: none;
  }
  .ant-empty-description {
    display: block;
  }
}
.ant-empty-description {
  display: none;
}

.ant-popover-message-title {
  color: #cceeff;
}

// slider
.ant-slider {

}
.ant-slider-rail, .ant-slider-track {
  height: 1px;
  background-color: #003586;
  top: 5px;
}
.ant-slider:hover {
  .ant-slider-rail, .ant-slider-handle {
    background-color: #003586;
  }
}
.ant-slider-handle {
  background: #96E3FF;
  border: 4px solid rgba(0,187,255,0.15);
}

// 滚动条
::-webkit-scrollbar {
  width: 16px;
}
::-webkit-scrollbar-button {
  height: 16px;
}
::-webkit-scrollbar-button:vertical:end {
  background: url(assets/images/screen/2x/btn_16_dorp-down_normal.png)
  no-repeat center scroll;
  background-size: contain;
}
::-webkit-scrollbar-button:vertical:end:hover {
  background: url(assets/images/screen/2x/btn_16_dorp-down_hover.png)
  no-repeat center scroll;
  background-size: contain;
}
::-webkit-scrollbar-button:vertical:start {
  background: url(assets/images/screen/2x/btn_16_dorp-up_normal.png) no-repeat
  center scroll;
  background-size: contain;
}
::-webkit-scrollbar-button:vertical:start:hover {
  background: url(assets/images/screen/2x/btn_16_dorp-up_hover.png) no-repeat
  center scroll;
  background-size: contain;
}
::-webkit-scrollbar-button:horizontal:end {
  background: url(assets/images/screen/2x/btn_16_dorp-right_normal.png)
  no-repeat center scroll;
  background-size: contain;
}
::-webkit-scrollbar-button:horizontal:end:hover {
  background: url(assets/images/screen/2x/btn_16_dorp-right_hover.png)
  no-repeat center scroll;
  background-size: contain;
}
::-webkit-scrollbar-button:horizontal:start {
  background: url(assets/images/screen/2x/btn_16_dorp-left_normal.png)
  no-repeat center scroll;
  background-size: contain;
}
::-webkit-scrollbar-button:horizontal:start:hover {
  background: url(assets/images/screen/2x/btn_16_dorp-left_hover.png)
  no-repeat center scroll;
  background-size: contain;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  background: rgba(0, 77, 153, 0.6);
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  background: rgba(0, 77, 153, 1);
  border: 2px solid transparent;
  background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 115, 230, 1);
  border: 2px solid transparent;
  background-clip: content-box;
}

::-webkit-scrollbar-corner {
  background: transparent;
}

/**固定表头的相关样式*/
.ant-table-fixed-header .ant-table-scroll .ant-table-header {
  margin-bottom: 0 !important;
  overflow: hidden scroll !important;
  overflow-x: hidden !important; // ie
}
.ant-table-fixed-header .ant-table-scroll .ant-table-header {
  position: relative;
  &::-webkit-scrollbar-button:vertical:end {
    background: rgba(0, 34, 102, 0.8) !important;
    border-bottom: 1px solid rgba(0, 85, 255, 0.6);
  }
  &::-webkit-scrollbar-button:vertical:end:hover {
    background: rgba(0, 34, 102, 0.8) !important;
  }
  &::-webkit-scrollbar-button:vertical:start {
    background: rgba(0, 34, 102, 0.8) !important;
    border-top: 1px solid rgba(0, 85, 255, 0.6);
  }
  &::-webkit-scrollbar-button:vertical:start:hover {
    background: rgba(0, 34, 102, 0.8) !important;
  }
  /*定义滚动条轨道 内阴影+圆角*/
  &::-webkit-scrollbar-track {
    background: rgba(0, 34, 102, 0.8) !important;
  }
  /*三角箭头的颜色*/
  scrollbar-arrow-color: rgba(0, 34, 102, 0.8);
}
body.Firefox,
body.MacBrowser {
  .ant-table-scroll {
    &:before {
      content: "";
      width: 17px;
      height: 41px;
      position: absolute;
      right: 0px;
      top: 0;
      background: rgba(0, 34, 102, 0.8);
      z-index: 1;
      border: 1px solid rgba(0, 85, 255, 0.6);
      border-left: 0 none;
    }
  }
}
body.IE {
  .scroll100 {
    height: 99.5% !important;
  }
  .ant-table-scroll {
    border-bottom: 0 none;
    &:before {
      content: "";
      width: 17px;
      height: 41px;
      position: absolute;
      right: 0px;
      top: 0;
      background: rgba(0, 34, 102, 0.8);
      z-index: 1;
      border: 1px solid rgba(0, 85, 255, 0.6);
      border-left: 0 none;
    }
  }
}
.ant-table-tbody > tr {
  &:last-child {
    > td {
      border-bottom: 1px solid rgba(0, 85, 255, 0.6);
    }
  }
}
.ant-table-scroll {
  position: relative;
  &:before {
    content: "";
    width: 1px;
    height: 40px;
    position: absolute;
    right: 0px;
    top: 0;
    background: rgba(0, 85, 255, 0.6);
    z-index: 1;
  }
  &:after {
    content: "";
    width: 3px;
    height: 15px;
    position: absolute;
    right: 0px;
    top: 12px;
    background: #cceeff;
    box-shadow: 0 0 3px 0 rgba(0, 255, 255, 0.8);
    z-index: 2;
  }

  .ant-table-thead {
    > tr {
      &:first-child {
        > th {
          &:last-child {
            border-right: 0 none;
            &::after {
              display: none;
            }
          }
        }
      }
    }
  }
}
/**固定表头的相关样式 END*/

/*IE 滚动条颜色*/
body,
.custom-scroll-thin {
  /*三角箭头的颜色*/
  scrollbar-arrow-color: #cceeff;
  /*滚动条滑块按钮的颜色*/
  scrollbar-face-color: rgba(0, 77, 153, 1);
  /*滚动条整体颜色*/
  scrollbar-highlight-color: rgba(0, 77, 153, 1);
  /*滚动条阴影*/
  scrollbar-shadow-color: rgba(0, 34, 102, 0.8);
  /*滚动条轨道颜色*/
  scrollbar-track-color: rgba(0, 34, 102, 0.8);
  /*滚动条3d亮色阴影边框的外观颜色——左边和上边的阴影色*/
  scrollbar-3dlight-color: rgba(0, 34, 102, 0.8);
  /*滚动条3d暗色阴影边框的外观颜色——右边和下边的阴影色*/
  scrollbar-darkshadow-color: rgba(0, 34, 102, 0.8);
  /*滚动条基准颜色*/
  scrollbar-base-color: rgba(0, 34, 102, 0.8);
}

.ant-select-selection__placeholder,
.ant-select-search__field__placeholder {
  color: rgba(204, 238, 255, 0.6);
}
.ant-input::-webkit-input-placeholder {
  color: rgba(204, 238, 255, 0.6);
}

// 隐藏百度地图搜索的弹框
.BMap_pop {
  display: none !important;
}
.BMap_shadow {
  display: none !important;
}
.BMap_bubble_pop {
  display: none !important;
}
#platform .shadow {
  display: none;
}


/* Apply the element you want to drag/resize */
.drsElement {
  position: absolute;
}

/*
The main mouse handle that moves the whole element.
You can apply to the same tag as drsElement if you want.
*/
.drsMoveHandle {
  // height: 20px;
  // background-color: #ccc;
  // border-bottom: 1px solid #666;
  cursor: move;
}

/*
The DragResize object name is automatically applied to all generated
corner resize handles, as well as one of the individual classes below.
*/
.dragresize {
  position: absolute;
  width: 5px;
  height: 5px;
  font-size: 1px;
  background: #eee;
  border: 1px solid #333;
  opacity: 0;
}

/*
Individual corner classes - required for resize support.
These are based on the object name plus the handle ID.
*/
.dragresize-tl {
  top: 0;
  left: 0;
  cursor: nw-resize;
}
.dragresize-tm {
  top: 0;
  left: 50%;
  margin-left: 0;
  cursor: n-resize;
}
.dragresize-tr {
  top: 0;
  right: 0;
  cursor: ne-resize;
}

.dragresize-ml {
  top: 50%;
  margin-top: 0;
  left: 0;
  cursor: w-resize;
}
.dragresize-mr {
  top: 50%;
  margin-top: 0;
  right: 0;
  cursor: e-resize;
}

.dragresize-bl {
  bottom: 0;
  left: 0;
  cursor: sw-resize;
}
.dragresize-bm {
  bottom: 0;
  left: 50%;
  margin-left: 0;
  cursor: s-resize;
}
.dragresize-br {
  bottom: 0;
  right: 0;
  cursor: se-resize;
}
.app-modal-container .app-modal-content .close {
  background: #cceeff;
  color: #2c2c2c;
}


